<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link rel="stylesheet" href="__PUBLIC__/admin/css/bootstrapValidator/bootstrapValidator.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/contact-way-page/contact-way.css"/>

   <!-- <script src="__PUBLIC__/admin/js/ueditor/ueditor.config.js"></script>
    <script src="__PUBLIC__/admin/js/ueditor/ueditor.all.min.js"></script>-->

    <script type="text/javascript" src="__PUBLIC__/admin/js/bootstrapValidator/dist/js/bootstrapValidator.js"></script>
    <script type="text/javascript" src="__PUBLIC__/admin/js/contact-way-page/contact.js"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            $(".btn-detail").click(function(){
                var itemId = $(this).val();
                var str =  '{:U("Manager/getDetail")}?id=' + itemId;
                $.getJSON(str, function (data, status) {
                    $(".name").text(data.name);
                    $(".sex").text(data.sex);
                    $(".birthday").text(data.birthday);
                    $(".political").text(data.political);
                    $(".nation").text(data.nation);
                    $(".origin").text(data.origin);
                    $(".school_name").text(data.school_name);
                    $(".major_name").text(data.major_name);
                    $(".yidong").text(data.yidong);
                    $(".liantong").text(data.liantong);
                    $(".qq").text(data.qq);
                    $(".department").text(data.department[0].name +"  "+ data.department[1].name);
                    $(".hostel").text(data.hostel);
                    if(data.is_move == 1){
                        $(".is_move").text("是");
                    }else{
                        $(".is_move").text("否");
                    }
                    $(".strength").text(data.strength);
                    $(".practice").text(data.practice);
                    $(".encourage").text(data.encourage);
                    $(".evaluation").text(data.evaluation);
                    $("#image_url").attr("src","__ROOT__"+data.image_url);

                });
            });
            
            
        });
    </script>
    <style type="text/css">
      td {
          height: 40px;
      }
      input{
          height: 40px;
      }
      .top{
          width:100%;
      }
      textarea{
        resize:none;
      }
      textarea{
            overflow:auto;
            background-attachment:   fixed;
            background-repeat:   no-repeat;
            border-style:   solid;
            border-color:   #FFFFFF;
            padding-left: 7px;
      }
      .center{
          width:960px;
          margin-top: 0px;
          margin-right: auto;
          margin-bottom: 0px;
          margin-left: auto;
      }

      .pub{
        margin-left: 8px;
      }
</style>
</head>
<body>
<div id="body-wrapper">
    <div class="content">
        <div class="container">
            <div class="row title">
                <div class="col-md-15">
                    <h3 class="page-title">
                        <span class="glyphicon glyphicon-list"></span> 报名者名单
                    </h3>
                </div>
            </div>
        </div>
        <table class="table">
            <tr class="success">
                <th>相片</th>
                <th>姓名</th>
                <th>移动号</th>
                <th>联通号</th>
                <th>第一志愿</th>
                <th>第二志愿</th>
                <th>服从调配</th>
                <th></th>
            </tr>

            <foreach name='user' item ='v'>
                <tr>
                    <td><a href="__ROOT__{$v.image_url}"><img src="__ROOT__{$v.image_url}" width="32px" /></a></td>
                    <td>{$v.name}</td>
                    <td>{$v.yidong}</td>
                    <td>{$v.liantong}</td>
                    <foreach name='v.department' item ='value'>
                        <td>{$value.name}</td>
                    </foreach>
                    <if condition='user.is_move eq 1'>
                        <td>是</td>
                    <else/>
                        <td>否</td>
                    </if>
                    <td><button type="button" class="btn btn-primary btn-detail" data-toggle="modal" data-target="#detail" value="{$v.id}">查看详情</button>&nbsp;&nbsp;<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#arrange">安排面试</button></td>
                </tr>
            </foreach>
        </table>
    </div>
</div>
<!-- Modal -->
<div class="modal fade" id="detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">个人简历</h4>
      </div>
      <div class="modal-body">
 
      <form name="form" id="form" method="post" action="#">
      <table border="1" cellspacing="0" cellpadding="0" width="100%">
        <tr>
          <td width="100%" nowrap colspan="9" rowspan="2"><p align="center" style="font-size:30px;"><img src="__PUBLIC__/public/logo.png" alt="" width="88" height="88">2014学年北京理工大学珠海学院<br>大学生职业发展协会纳新简历</p></td>
        </tr>
        <tr> </tr>
        <tr>
          <td width="14%" nowrap><p align="center">姓名</p></td>
          <td width="14%" nowrap><div class="name pub" style="width:100%"></div></td>
          <td width="8%" nowrap><p align="center">性别</p></td>
          <td width="10%" nowrap><div class="sex pub" style="width:100%"></div></td>
          <td width="12%" nowrap colspan="2"><p align="center">出生年月</p></td>
          <td width="20%" nowrap colspan="2"><div class="birthday pub" style="width:100%"></div></td>
          <td width="19%" nowrap rowspan="6"><img id="image_url" style="width:100%"></td>
        </tr>
        <tr>
          <td width="14%" nowrap><p align="center">政治面貌</p></td>
          <td width="14%" nowrap><div class="political pub" style="width:100%"></div></td>
          <td width="8%" nowrap><p align="center">民族</p></td>
          <td width="10%" nowrap><div class="nation pub" style="width:100%"></div></td>
          <td width="12%" nowrap colspan="2"><p align="center">籍贯</p></td>
          <td width="20%" nowrap colspan="2"><div class="origin pub" style="width:100%"></div></td>
        </tr>
        <tr>
          <td width="14%" nowrap><p align="center">学院</p></td>
          <td width="33%" nowrap colspan="3"><div class="school_name pub" style="width:100%"></div></td>
          <td width="12%" nowrap colspan="2"><p align="center">移动号</p></td>
          <td width="20%" colspan="2"><div class="yidong pub" style="width:100%"></div></td>
        </tr>
        <tr>
          <td width="14%" nowrap><p align="center">专业</p></td>
          <td width="33%" nowrap colspan="3"><div class="major_name pub" style="width:100%"></div></td>
          <td width="12%" nowrap colspan="2"><p align="center">联通号</p></td>
          <td width="20%" colspan="2"><div class="liantong pub" style="width:100%"></div></td>
        </tr>
        <tr>
          <td width="14%" nowrap><p align="center">QQ</p></td>
          <td width="33%" nowrap colspan="3"><div class="qq pub" style="width:100%"></div></td>
          <td width="12%" nowrap colspan="2"><p align="center">宿舍</p></td>
          <td width="20%" colspan="2"><div class="hostel pub" style="width:100%"></div></td>
         
        </tr>
        <tr>
          <td width="14%" nowrap><p align="center">应聘部门</p></td>
          <td width="33%" nowrap colspan="3"><div class="department pub" style="width:100%"></div></td>
          <td width="12%" nowrap colspan="2"><p align="center">是否服从调剂 </p></td>
         <td width="20%" colspan="2"><div class="is_move pub" style="width:100%"></div></td>
    </tr>
        <tr>
          <td width="14%" nowrap ><p align="center">特长</p></td>
          <td width="85%" nowrap colspan="8"><textarea readonly="readonly" class="strength" rows="4" style="width:100%"></textarea></td>
        </tr>
        <tr>
          <td width="14%" nowrap><p align="center">实践经历</p></td>
          <td width="85%" nowrap colspan="8"><textarea readonly="readonly" class="practice" rows="4" style="width:100%"></textarea></td>
        </tr>
        <tr>
          <td width="14%" nowrap><p align="center">曾获奖项</p></td>
          <td width="85%" nowrap colspan="8"><textarea readonly="readonly" class="encourage" rows="4" style="width:100%" ></textarea></td>
        </tr>
        <tr>
          <td width="14%" nowrap rowspan="3"><p align="center">自我评价 </p></td>
          <td width="85%" nowrap colspan="8" rowspan="3"><textarea readonly="readonly" class="evaluation" rows="4" style="width:100%"></textarea></td>
        </tr>
        <tr> </tr>
        <tr> </tr>
        <tr> </tr>
        <td width="100%" nowrap colspan="9">
    <p align="left">■ 部门设置：办公室、调查研究部、讲座交流部、实践外联部、宣传部、职业规划部、网络组、新闻组、主持组 <br>
      ■ 注：1、应聘部门最多可填报2个，并按优先顺序进行面试&nbsp; &nbsp;&nbsp;<br>
      2、表格复印有效 <br>
      ■ 交表时间：截止至10月15日 <br>
      ■ 交表地点：羽乒球馆前职协咨询点，学生一、二、三食堂（11:00&mdash;&mdash;12:30&nbsp;&nbsp; 17:00&mdash;&mdash;18:30） <br>
      ■ 面试时间：10月16日&mdash;&mdash;10月18日晚（敬请留意您所报名的部门发出的电话或短信通知） <br>
      关注进一步纳新消息：关注职协微博 @北理工珠海学院职协 或 微信平台 zhbitscda&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; </p>
      </td>
      </table>
    </form>

      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-success">关闭</button>
      </div>
    </div>
  </div>
</div>
<!-- Modal -->
<div class="modal fade" id="arrange" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">安排面试</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</div>
</body>
</html>
